<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--  1.form代表整个表单 action属性表示收集好数据后提交的地址,#占位符表示提交到当前页 -->
    <form action="#">
<!--        表单里可以写各种表单控件 如:输入框、单选、多选等
            type的值:
            text普通文本输入框
            submit 提交按钮
            value 预设值 可以修改
-->
        姓名:<input type="text" name="uname" placeholder="请输入姓名"> <br>
        昵称:<input type="text" name="nickname" value="rose"> <br>
<!--        readonly只读 只能看 不能改 可以提交数据-->
        昵称:<input type="text" name="nickname2" value="rose" readonly><br>
<!--        disable禁用 可以看到值 但做不了任何操作 数据也无法提交-->
        昵称:<input type="text" name="nickname3" value="rose" disabled><br>
        密码: <input type="password" name="pwd" maxlength="6" value="123456"><br>

<!--        单选设置相同的name分到同一组,且需要给每个选项设置value值,否则提交的是on-->
        性别:
        <input type="radio" name="gender" value="1">男
        <input type="radio" name="gender" value="0" checked>女
        <br>
        爱好:
        <input type="checkbox" name="like" value="cy" checked>抽烟
        <input type="checkbox" name="like" value="hj" checked>喝酒
        <input type="checkbox" name="like" value="tt" checked>烫头
        <input type="checkbox" name="like" value="java">学java
        <br>
        生日: <input type="date" name="birthday"> <br>
        幸运色: <input type="color" name="lColor"> <br>
        缩放:<input type="range" name="scale"><br>
        <input type="submit">
        <br>
<!--            selected默认-->
        喜欢城市:
            <select name="city">
            <option value="bj">北京</option>
            <option value="sh" selected>上海</option>
            <option value="wh">武汉</option>
            <option value="cc">长春</option>
        </select>
            <br>
            <input type="checkbox" id="ok">
            <label for="ok">我同意以上协议</label>
            <br>
            <label for="uu">关联文字</label>
            <input type="text" id="uu">
            <hr>
            <input type="submit" value="点我提交">
            <input type="reset" value="点我重置">
            <input type="button" value="普通按钮">
            <button>普通按钮</button>

    </form>
</body>
</html>